<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>翻译</title>
	<link rel="stylesheet" href="css/style.css">

</head>
<body>
	<header>
		<h1>翻译</h1>
		<h4>中英互译</h4>
	</header>

	<main>
		<div class="container">
			<div class="main1">
				<div class="ma1">
					<button class="bu1 bu">中文</button>
					<button class="bu2 bu">英文</button>
				</div>
				<div class="ma2">
					<button class="bu3" onclick="switchLan()"><img src="jiantou.png"></button>
				</div>
				<div class="ma3">
					<button class="bu1 bu">英文</button>
					<button class="bu2 bu">中文</button>
				</div>
			</div>
			<div class="main2">
				<div class="ma4">
					<div class="col-2">
						<form action="">
							<textarea name="" id="qwe" cols="30" rows="10" placeholder="输入文字"></textarea>
						</form>
					</div>
				</div>
				<div class="ma5">
					<div class="col-2">
						<form action="">
							<textarea name="" id="asd" cols="30" rows="10" placeholder="翻译"></textarea>
						</form>
					</div>
				</div>
			</div>
			<div class="main3">
					<button class="bu4" onclick="zhToEn()">翻译</button>
					<button class="bu4 bu5" onclick="enToZh()">翻译</button>
			</div>
		</div>
	</main>




	<script src="js/script.js"></script>
</body>
</html>